/*

  加盟费用


*/

/* 固定在页面上的小东西 */
.xia {
  position: fixed;
  left: 0;
  top: 60%;
  width: 0.28rem;
  height: 0.395rem;
  z-index: 1111;

  img {
    width: 100%;
    height: 100%;
  }
}

.bk {
  position: fixed;
  right: 0;
  top: 80%;
  width: 0.255rem;
  height: 0.335rem;
  z-index: 111;

  img {
    width: 100%;
    height: 100%;
  }
}


/* 顶部信息 */
.top-info {
  padding-top: 0.3rem;
  margin-bottom: 0.33rem;

  .top-right {

    margin: 0 auto;
    width: 2.31rem;
    height: 1.5rem;

    img {
      width: 100%;
      height: 100%;
      display: block;
    }

  }
}

/* 区域加盟和单店加盟 */
.join_box {
  margin-bottom: 0.25rem;
  /* 区域加盟 */

  .join1 {
    width: 3.14rem;
    height: 1.475rem;
    margin: 0 auto;

    img {
      width: 100%;
      height: 100%;
    }
  }

  /* 单店加盟 */

  .join2 {
    width: 2.89rem;
    height: 1.29rem;
    margin: 0 auto;

    img {
      width: 100%;
      height: 100%;
    }
  }
}

/* 投资预算 */
.budget {
  border-top: 1px solid transparent;
  height: 3.4rem;
  //background-color: pink;
  background: url("../img/coast/budget_back.png") no-repeat center center;
  background-size: contain;
  /* 标题 */

  .budget-title {
    width: 1.565rem;
    height: 0.155rem;
    background: url("../img/coast/budget-title_img.png") no-repeat;
    margin-top: 0.15rem;
    margin-left: 0.75rem;
    background-size: contain;
  }

  /* 文字区域 */

  .bg-content {
    width: 2.5rem;
    height: 2.19rem;
    //background-color: aquamarine;
    margin: 0.22rem auto 0 auto;
    position: relative;

    ul {
      li {
        height: 0.25rem;
        border-bottom: 1px dashed #eaeaea;

        span {
          font-size: 0.09rem;
          line-height: 0.25rem;
          color: #333;

          &:nth-of-type(1) {
            display: inline-block;
            width: 0.48rem;
          }

          &:nth-of-type(2) {
            margin-left: 0.365rem;
          }
        }

        &:last-child {
          font-size: 0.07rem !important;
          color: #333;
          border-color: transparent;
        }
      }
    }

    &::before {
      content: "";
      position: absolute;
      width: 1.425rem;
      height: 1.165rem;
      right: -0.25rem;
      top: 0.8rem;
      background: url("../img/coast/budget_img.png") no-repeat center center;
      background-size: contain;
    }
  }
}